import React, { useState } from "react";

import AppRadioGroup from "../../../../components/AppRadioGroup";
import LeftUp from "./LeftUp";
import LeftMiddle from "./LeftMiddle";
import LeftDown from "./LeftDown";

import "./index.less";

export const options = [
  { label: '校园物业', value: '1' },
  { label: '校园随手拍', value: '2' },
  { label: '校园物业', value: '3' },
];

const App = () => {

  // 选中的tab数据
  const [value, setValue] = useState(options[0].value);

  return (
    <div className="app-left">
      <AppRadioGroup 
        value={value} 
        options={options} 
        onChange={(e) => setValue(e.value)} 
      />
      <LeftUp value={value}  />
      <LeftMiddle value={value}  />
      <LeftDown value={value}  />
    </div>
  );
}

export default App;


